<template>
<div>
<Navlanmu :menus="[{name:'首页', path: '/'},{name:'系统中心',path: '/'},{name:'修改密码'}]"></Navlanmu>
<el-container class="main-el-contarner">
    <el-aside width="250px" style="height: 100%;border-right: 1px solid rgb(220, 220, 220);background:#f9f9f9;">
      <LeftMenu @node-click="nodeClick" :levelType="1"></LeftMenu>
    </el-aside>
    <el-main>
    <div class="kanbao-bigbox">
		<div class="pass-box">
			<el-row>
			  <el-col :span="12" :offset="2">
				<el-form :model="ruleForm" ref="ruleForm" label-width="100px" class="demo-ruleForm">
				  <el-form-item label="原设密码" prop="oldpass">
					<el-input v-model="ruleForm.oldpass" type="password" :show-password="true" placeholder="请输入原密码"></el-input>
				  </el-form-item>
				  <el-form-item label="新设密码" prop="password">
					<el-input v-model="ruleForm.password" type="password" :show-password="true" placeholder="设置新的密码"></el-input>
				  </el-form-item>
				  <el-form-item label="确定密码" prop="qrpass">
					<el-input v-model="ruleForm.qrpass" type="password" :show-password="true" placeholder="确定新的密码"></el-input>
				  </el-form-item>
				  <el-form-item>
					<el-button type="primary" @click="submitForm('ruleForm')">确定修改</el-button>
					<el-button @click="resetForm('ruleForm')">重置</el-button>
				  </el-form-item>
				</el-form>
			</el-col>
			</el-row>
		</div>
    </div>
    </el-main>
</el-container>
</div>
</template>


<script>
import SideHeader from "@/views/inc/SideHeader";
import Navlanmu from "@/views/inc/Navlanmu";
import LeftMenu from "@/views/sys/components/LeftMenu";
import {getDateTimes,numFormat,getDateWeek}  from "@/utils/index.js";


export default {
  name: "Electricboard",
  components: {SideHeader,Navlanmu,LeftMenu},
  data() {
    return {
      loadingdata1:false,
      isloading:false,
      param:{warnStatus:'',name:'',pageNo:1,pageSize:10},
      ruleForm:{oldpass:'',password:'',qrpass:''},
      dataTotal: 0,
    }
  },
  mounted(){
      //
   },
  created() {
       this.isloading=false;
  },
  methods: {
      nodeClick(type, data) {
        this.loadingdata1=true;
        console.log("nodeClick", type, data);
        this.searchForm=data;
        this.getEnergyQushi();
        this.getEnergyDeptRanking();
        this.getEnergylevelCount();
      },
      submitForm(){
		this.$message('修改密码失败！或请联系管理员');
      },
      // 数据搜索按钮
      onSearch() {
        this.param.pageNo = 1;
        this.getDatas();
      },
      // 复选框按钮
      selectionChange() {
        console.log("selectionChange");
      },
      indexMethod(index) {
        return (this.param.pageNo - 1) * this.param.pageSize + index + 1;
      },
      sizeChange(val) {
        this.param.pageSize = val;
        this.getDatas();
      },
      currentChange(val) {
        this.param.pageNo = val;
        this.getDatas();
      },
  }
}
</script>
<style>
.kanbao-bigbox .el-loading-spinner .el-loading-text{
  color: #666!important;
}
</style>
<style scoped>
.el-main{
  padding:0px!important;
}

.kanbao-bigbox{
  margin-top:0px;
}
</style>
<style scoped>
.righttop-search-box{
  background:#f8f8f8;
  padding:8px 20px 7px 20px;
  border-bottom:1px solid #ececec;
}
.righttop-search-box .el-form-item{
  margin-bottom:0px!important;
}
.container-box{
  padding:10px;
}
.pagebox{
  text-align: right;
  padding:10px;
}
.pass-box{
	margin:50px;
}
</style>
